<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <#include "/header.ftl"/>
</head>
<body>
<div class="page-container">
    <div class="cl pd-3 bg-1 bk-gray"><span class="l"><a class="btn btn-primary radius size-S" href="javascript:;"
                                                         onclick="role_add('添加角色','role_add.ftl','250','100')"><i
            class="Hui-iconfont">&#xe600;</i> 添加角色</a> </span></div>
    <table class="table table-border table-hover table-bg">
        <thead>
        <tr class="text-c">
            <th width="200">角色名</th>
            <th width="70">操作</th>
        </tr>
        </thead>
        <tbody id="roleListBody">
         <#list accountRoles as accountRole>
         <tr class="text-c ">

             <td class="hidden">${accountRole.getId()}</td>

             <td>${accountRole.roleName}</td>

             <td class="f-14"><a title="删除"
                                 href="javascript:;"
                                 onclick="role_del_button(${accountRole.id})"
                                 class="ml-5"
                                 style="text-decoration:none"><i
                     class="Hui-iconfont">&#xe6e2;</i></a></td>
         </tr>
         </#list>
        </tbody>
    </table>
</div>


<#include "/footer.ftl"/>
<script type="text/javascript" src="/js/sysmanager/role_list.js"></script>
</body>
</html>